<template>
    <div class="msg-content">
        <search-box
        :paramArray="paramArray"
        ></search-box>
        <div class="contents">
            <div class="control-box">
                <Button>删除</Button>
                <Button>标记已读</Button>
            </div>
            <table-box
        :tableObj="tableObj"
        ></table-box>
        </div>
    </div>
</template>
<script>
export default {
    name: 'msgContent',
    data () {
        return {
            tableObj: {
                list: [{}, {}, {}],
                columns: [
                    {
                        type: 'selection',
                        width: 60,
                        align: 'center'
                    },
                    {
                       key: 'content',
                       title: '内容'
                    },
                    {
                       key: 'type',
                       title: '类型'
                    },
                    {
                       key: 'date',
                       title: '日期',
                       width: '100'
                    }
                ],
                pageObj: {
                    total: 11,
                    pageSize: 10,
                    page: 1
                }
            },
            paramArray: [
                {
                    key: 'select',
                    value: '',
                    label: '类型',
                    placeholder: '请选择类型',
                    width: '',
                    selectList: [{
                        label: '你好',
                        value: '1'
                    }],
                    casArray: []
                },
                {
                    key: 'startEndTime',
                    value: '',
                    label: '项目名称',
                    placeholder: '      开始时间         —         结束时间',
                    width: '',
                    selectList: [],
                    casArray: []
                },
            ]
        }
    }
}
</script>
<style lang="less" scoped>
.msg-content {
    .contents {
        background: #fff;
        padding: 0 20px;
        .control-box {
            padding: 20px 0;
            button {
                margin-right: 10px;
            }
        }
    }
}
</style>